<template>
    <view class="ribbons">
        <view class="item" v-for="item in 10"></view>
    </view>
</template>
<style scoped lang="less">
    .ribbons{
        display: flex;
        background-color: #FFFFFF;
        .item{
            margin: 0 5rpx;
            width: 30rpx;
            height: 10rpx;
            margin:0 auto;
            background: #2196f3;
            transform: skewX(-45deg);
        }
        .item:nth-child(2n){
            background: #f44336;
        }
    }
</style>